import React, { Fragment, useState, useEffect } from 'react';
import type { FC } from 'react';
import { Calendar, Badge, Drawer } from 'antd';
import style from './index.less';
import { Link, useHistory } from 'umi';
import { Chart, Interval } from 'bizcharts';
import Line_chart from './components/Linechart';
import Bar_chart from './components/Barchart';
import Pie_chart from './components/Piechart';
import Main_chart from './components/Mainchart';
import Lateral_Bar from './components/lateralBarchart';

const Choose: FC<Record<string, any>> = () => {
  const history = useHistory();
  return (
    <div className={style.cal}>
      <div className={style.header}>
        <div className={style.title}>基于web的程序员技术交流社区</div>
      </div>
      <div className={style.container}>

        {/* 左 */}
        <div className={style.left}>
          <div className={style.left_one}>
            <Line_chart> </Line_chart>
          </div>
          <div className={style.left_two}>
            <Main_chart></Main_chart>
          </div>
        </div>
        {/* 中 */}
        <div className={style.center}>
          <div  className={style.main}>
          <Pie_chart></Pie_chart>
          </div>
        </div>
        {/* 右 */}
        <div className={style.right}>
          <div className={style.right_one}>
            <Bar_chart></Bar_chart>
          </div>
          <div className={style.right_two}>
            <Lateral_Bar></Lateral_Bar>
          </div>
        </div>

      </div>

    </div>

  );
};
export default Choose;
